<template>
  <a-card class="box-card event-info-card" :cardOpen="true">
    <div slot="header">
      <span>事件信息</span>
    </div>
    <el-form ref="elForm" size="small" label-width="100px" label-position="left">
      <el-row :gutter="15">
        <el-col :span="6">
          <el-form-item label="事件名称" prop="eventName">
            <span>{{ eventInfo.name }}</span>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件类型" prop="eventType">
            <dict-tag :options="dict.type.usetypecode_dict" :value="eventInfo.type" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="事件等级" prop="event_level">
            <dict-tag :options="dict.type.eventlevelcode_dict" :value="eventInfo.level" />
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="发生时间" prop="eventTime">
            <span>{{ eventInfo.findTime }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="15">
        <el-col :span="6">
          <el-form-item label="发生地" prop="eventLocaltion">
            <span>{{ eventInfo.location }}</span>
          </el-form-item>
        </el-col>
        <!-- 坐标 -->
        <el-col :span="6">
          <el-form-item label="坐标" prop="coordinate">
            <span>{{ eventInfo.coordinate }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form-item label="事故简况" prop="contentTitle">
            <span>{{ eventInfo.briefIntroduction }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form-item label="影响范围" prop="impactArea">
            <span>{{ eventInfo.coverage }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form-item label="事件起因" prop="surroundings">
            <span>{{ eventInfo.initialReason }}</span>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row :gutter="15">
        <el-col :span="24">
          <el-form-item label="基本过程" prop="eventCause">
            <span>{{ eventInfo.basicProcess }}</span>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </a-card>
</template>
<script>
import ACard from "@/views/components/a-card/card.vue";
export default {
  name: "EventInfoCard",
  dicts: ["usetypecode_dict", "eventlevelcode_dict"],
  components: { ACard },
  props: {
    eventInfo: {
      type: Object,
      default: () => ({}),
    },
  },
};
</script>
<style lang="scss" scoped></style>
